<template>
    <div class="container-header">
        <i v-if="$attrs['backBtn']"
           class="iconfont icon-fanhui icon-btn"
           @click="$router.go(-1)"
        ></i>
        <span class="header-title">
             <slot name="header">点到</slot>
        </span>
    </div>
</template>

<script>
    export default {
        name: "miaoHeader"
    }
</script>

<style scoped>
    .container-header{
        width: 100%;
        height: 100px;
      background: linear-gradient(to left,#31e07c,#1cd245);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
      line-height: 100px;
      padding: 0 40px;
      text-align: center;
      box-sizing: border-box;
    }
    .header-title{
        color: #fff;
        font-size: 36px;
    }
    .container-header>.icon-btn{
      display: inline;
      float: left;
      color: #fff;
      font-size: 44px;
      cursor: pointer;
    }
</style>
